<script lang="ts" setup>
import { ref } from 'vue'
import hotTopic from '@/components/topic/topic.vue'

const value = ref()

</script>

<template>
  <view class="publush">
    <!-- 多行文本 -->
    <uni-easyinput type="textarea" v-model="value" :styles="{
      borderColor: 'transparent',
      borderWidth: '0',
      boxShadow: 'none',
      backgroundColor: '#fff',
      placeholderColor: '#999',
      minHeight: '140rpx'
    }" placeholder="输入标题" :autoHeight="true" placeholderStyle="font-size: 30rpx;" :inputBorder="false" />
    <!-- 上传图片 -->
    <view class="publush-picker">
      <uni-file-picker />
    </view>
    <!-- 话题 -->
    <hotTopic />

    <!-- 发布 -->
    <view class="publush-button">
      <button type="primary" style="background-color: #61b6ff;">发布</button>
    </view>
  </view>
</template>

<style scoped lang="scss">
.publush {
  border-radius: $uni-border-radius ;
  box-shadow: $uni-box-shadow;
  background-color: $uni-bg-color;
  padding: 30rpx;
  height: 100%;

  &-picker {
    margin-top: $uni-margin-top;
  }

  &-button{
    margin-top: $uni-margin-top1;
  }
}
</style>
